<script>
import MyButton from './compontents/MyButton.vue';
import yufa from './compontents/模板语法1.vue'
// 编写组件代码
export default {
    data() {
        return {
            msg: '大白(●—●)'
        }
    },
    components: {
        MyButton,
        yufa
    },
}
</script>
<!-- 编写模板，有提示 -->
<template>
    <!-- <h1>{{ msg }}</h1> -->
    <!-- <MyButton></MyButton> -->
    <!-- <yufa></yufa> -->

    <!-- 
            component是一个动态组件
                -component最终以书面标签呈现，由is属性决定
         -->
    <!-- <component is="p">
        我是component
    </component> -->
    <!-- <template v-for="item in routes" :key="item">
            <RouterLink :to="item.path">{{ item.path }}</RouterLink>
            <br>
        </template> -->

    <RouterLink to="/First">HOME</RouterLink><br>
    <RouterLink to="/Second">LIST</RouterLink><br>
    <RouterLink to="/99">99</RouterLink><br>
    <RouterLink to="/Three/Second/1">ABOUT</RouterLink><br>
    <RouterView></RouterView>
</template>